{% extends 'Publicaciones/base.html' %}
{% block css-javascript-agregados %}		
	<!-- SEXYSELECT -->
	<link 	type="text/css" 		href="static/ui.sexyselect/css/ui.sexyselect.0.55.css" 			rel="stylesheet"/>
	<script type="text/javascript" 	src="static/ui.sexyselect/js/ui.sexyselect.min.0.6.js" >		</script>

    <link 	type="text/css" 		href="static/css/jquery-ui-timepicker.css" 			rel="stylesheet" />
    <script type="text/javascript" 	src="static/js/jquery.ui.timepicker.js ">			</script>
{% endblock %}

{% block heading_content %} 
	{% if operation == 'create' %}Crear Publicación{%endif%}
	{% if operation == 'edit' %}Editar Publicación{%endif%}
{% endblock %}

{% block content %}
	<div id="publication_container" style="width: 90%">
	    {% if operation == 'create' %}
		    <div class="row" id="opciones">
		      <h4><b>Elija Tipo de Publicación:</b></h4>
		      <span style=" float: left; background-color: transparent; padding-bottom: 10px;">
		      	<select id="publication_type">
		          <option id="option1" value="ninguno" {% ifequal type 'none' %} selected="selected"{%endifequal%} >Ninguno</option>
		          <option id="option2" value="libros" {% ifequal type 'libro' %} selected="selected"{%endifequal%} >Libros</option>
		          <option id="option3" value="revistas"{% ifequal type 'revista' %} selected="selected"{%endifequal%}>Revistas</option>
		          <option id="option4" value="conferencias"{% ifequal type 'conferencia' %} selected="selected"{%endifequal%}>Conferencias</option>
		          <option id="option5" value="tesis"{% ifequal type 'tesis' %} selected="selected"{%endifequal%}>Tesis</option>
		          <option id="option6" value="reportes"{% ifequal type 'reporte' %} selected="selected"{%endifequal%}>Reportes</option>
		          <option id="option7" value="papers"{% ifequal type 'paper' %} selected="selected"{%endifequal%}>Papers</option>
		        </select>
		      </span>
		    </div>
            <br/>
            <br/>
	    	<div id="formulario_crear" style="float: left; clear: both; width: 50%;" >
		    <!--INICIO div TESIS-->
			    <div id="tesis">
				    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'tesis' %}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
				      	  <table>{{form_tesis.as_table}}</table>
				          <div class="row">
					        <span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
					      </div>
				    </form>
				</div>    
		    <!--FIN div TESIS-->
			<!--INICIO div REPORTES-->
			    <div id="reportes">
				    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'reporte' %}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
				          <table>{{form_reportes.as_table}}</table>
					      <div class="row">
					        <span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
					      </div>
				    </form>
				</div>
		    <!--FIN div REPORTES-->
		 	<!--INICIO div LIBROS-->
			    <div id="libros">
			    	<form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'libro' %}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
						  <table>{{form_libros.as_table}}</table>
					      <div class="row">
							<span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
					      </div>
			    	</form>
			    </div>
		    <!--FIN div LIBROS-->
			<!--INICIO div REVISTAS-->
			    <div id="revistas">
				    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'revista'%}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
				          <table>{{form_revistas.as_table}}</table>
					      <div class="row">
					        <span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
					      </div>
				    </form>
				</div>
	    	<!--FIN div REVISTAS-->
			<!--INICIO div CONFERENCIAS-->
				<div id="conferencias">
				    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'conferencia' %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
				          <table>{{form_conferencias.as_table}}</table>
				          <div class="row">
				        	<span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
				      	  </div>
				    </form>
			    </div>
	     	<!--FIN div CONFERENCIAS-->
	     	<!--INICIO div PAPERS-->
				<div id="papers">
				    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.create_publication_view 'paper' %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
				          <table>{{form_papers.as_table}}</table>
				          <div class="row">
				        	<span class="left"><input type="submit" class="find_link" value="Guardar Publicación y Agregar Autores" /></span>
				      	  </div>
				    </form>
				</div>
	     	<!--FIN div PAPERS-->
	     	</div>
		{% else %}
        {% if operation == 'edit' %}
            <div id="tabs">
            <div style="clear: both; float: left; margin-left: 20px; margin-top: 150px;"><b>Autores:</b></div>
            <div id="formulario_autores" class="ui-corner-all" style="width: 70%; background-color: #E2EBEF; height: 660px; margin-top: 10px; margin-left: 85px; margin-bottom: 20px;" >
                <!-- estos dos forms debo validar con javascript -->
                <form id="form_borrar_autores" action="javascript:borrarAutor()" method="post" style="padding-top: 10px;" >{% csrf_token %}
                    <table>{{form_listar_autores.as_table}}</table>
                    <input type="submit" class="find_link" value="Eliminar" style="margin-top: 10px; margin-left: 10px;" />
                </form>
                <form id="form_crear_autores" action="javascript:crearAutor()" method="post" style="padding-top: 20px;" onSubmit="return validar_form_crear(this);" >{% csrf_token %}
                    <table>{{form_crear_autores.as_table}}</table>
                    <input type="submit" class="find_link" value="Agregar" style="margin-left: 10px;" />
               </form>
            </div>
            <div id="formulario_editar" style="clear: both; width: 50%;" >
                {% if type == 'libro'%}
                    <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'libro' obj_id %}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
                        <table>{{form_libros.as_table}}</table>
                          <div class="row">
                            <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                          </div>
                    </form>
                {% endif %}
                {% if type == 'revista' %}
                        <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'revista' obj_id%}" method="post" onSubmit="return antes_de_salir();">{%csrf_token%}
                            <table>{{form_revistas.as_table}}</table>
                              <div class="row">
                                <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                              </div>
                        </form>
                {% endif %}
                {% if type == 'conferencia' %}
                            <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'conferencia' obj_id %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
                             <table>{{form_conferencias.as_table}}</table>
                              <div class="row">
                                <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                              </div>
                            </form>
                {% endif %}
                {% if type == 'tesis' %}
                            <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'tesis' obj_id %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
                             <table>{{form_tesis.as_table}}</table>
                              <div class="row">
                                <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                              </div>
                            </form>
                {% endif %}
                {% if type == 'reporte' %}
                            <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'reporte' obj_id %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
                             <table>{{form_reportes.as_table}}</table>
                              <div class="row">
                                <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                              </div>
                            </form>
                {% endif %}
                {% if type == 'paper' %}
                            <form enctype="multipart/form-data" action="{% url comunidadcyt.Publicaciones.views.edit_publication_view 'paper' obj_id %}" method="post" onSubmit="return antes_de_salir();">{% csrf_token %}
                             <table>{{form_papers.as_table}}</table>
                              <div class="row">
                                <span class="left"><input type="submit" class="find_link" value="Guardar Publicación" /></span>
                              </div>
                            </form>
                {% endif %}
            </div>
            </div>
  		{% endif %}
  		{% endif %}
	</div>
	
	<script type="text/javascript">
		var tutores_externos;
		var type = "{{type}}";
	    $("#tabs").tabs();	
	    if(type!="revista"){ $("#revistas").hide(); }
	    if(type!="conferencia"){ $("#conferencias").hide(); }
	    if(type!="libro"){ $("#libros").hide(); }
	    if(type!="paper"){ $("#papers").hide(); }
	    if(type!="reporte"){ $("#reportes").hide(); }
	    if(type!="tesis"){ $("#tesis").hide(); }
	    $("tr:has(#id_autor_externo)").hide();
	    $("#id_tipo").click(function() {
	    	if ( $("#id_tipo").val() == "interno"){
	    		$("tr:has(#id_autor_externo)").hide();
	    		$("tr:has(#id_autor_interno)").show();
                $("#formulario_autores").height(660);
	    	} else {
                $("tr:has(#id_autor_interno)").hide();
                $("tr:has(#id_autor_externo)").show();
                $("#formulario_autores").height(530);
	    	}
		});
	     
	    function inicio (id_elemento) {
            console.log($("#"+id_elemento));
            console.log($("#"+id_elemento).attr('value'));
	   		if ($("#"+id_elemento).attr('value')){
		 		var opciones = $("#"+id_elemento).attr('value').split(","); //aca hay que cambiar por split(";") pero pa eso tengo que cambiar la base de datos primero
		 	}
		 	var resultado = "<select id='"+id_elemento+"' multiple='multiple' >";
		 	if ($("#"+id_elemento).attr('value')){
		 		for (var op in opciones){
		 			resultado += "<option value="+opciones[op] +" selected='selected'>"+opciones[op]+"</option>";
		 		}	
		 	}
		 	resultado += "</select>"
		 	$("td:has(#"+id_elemento+")").html(resultado);
	    }

	    inicio('id_tutores_externos');
	    
	    //esto si o si debe estar descpues de las llamadas a inicio
	    //porque sino no autores_externos no toma los valores correctos
		if(type!="tesis"){ tutores_externos = obt_selec("id_tutores_externos"); }
		
	    function antes_de_salir(){
            tutores_externos = obt_selec("id_tutores_externos");
	   		$("td:has(#id_tutores_externos)").html('<input type="text" maxlength="200" name="tutores_externos" id="id_tutores_externos" value="'+tutores_externos+'">');
	   		return true;
	    }
	    
	    function obt_selec(id_select){
			var selItems = new Array();
			$("#"+id_select).children('option:selected').each(function(){
				selItems.push($(this).text());
			});
			var sel_nom = "";
			for (var item in selItems){
				if (sel_nom == ""){
					sel_nom += selItems[item]; 
				}else {
					sel_nom += ","+selItems[item]; 
				}
			}
			return sel_nom
	    }
       $("#id_cargados").sexyselect({showTitle:false,allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'single', height: 20});
       $("#id_autor_interno").sexyselect({showTitle:false,allowInput:false,allowFilter:false,allowDelete:false,selectionMode:'single', height: 200});


	   $("#id_tutores_externos").sexyselect({ title: 'Elegir...',allowInput: true,allowFilter: true,allowDelete: true,selectionMode:'multiple',width:200});

       $("#id_fecha").datepicker();
	                                                                         
	   $("[id*='tutores_select']").sexyselect({ title: 'Elegir...',allowInput: false, allowFilter: true,allowDelete: false,selectionMode: 'multiple',width: '200'});
	   $("[id*='autores_select']").sexyselect({ title: 'Elegir...',allowInput: false,allowFilter: true,allowDelete: false,selectionMode: 'multiple',width: '200'});
	   $("[id*='departamentos_select']").sexyselect({ title: 'Elegir...',allowInput: false,allowFilter: true,allowDelete: false,selectionMode: 'multiple'});
	   $("[id*='grupos_select']").sexyselect({ title: 'Elegir...', allowInput: false,allowFilter: true,allowDelete: false,selectionMode: 'multiple',width: '200'});
	   $("[id*='proyectos_select']").sexyselect({ title: 'Elegir...',allowInput: false,allowFilter: true,allowDelete: false,selectionMode: 'multiple',width: '200'});
	    
	    /* ESTE CODIGO QUITA EL TEXT_HELP QUE CREA DJANGO AL FINAL DEL SELECT */
	    /*$("select[id*='select_']").each(function(i,e){
			$(this).parent().contents().filter(function() {
				return this.nodeType == Node.TEXT_NODE;
			})[0].textContent=" ";
		});*/
	    
	    $("#publication_type").sexyselect({ title: 'Opciones',
	                                    allowInput: false,
	                                    allowFilter: true,
	                                    allowDelete: false,
	                                    selectionMode: 'single',
	                                    width: '260',
	                                    onItemSelected:function(element,options){
	                                      if (element.val() == "Revistas")
	                                      {
	                                        $("#libros").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#tesis").slideUp('swing');
	                                        $("#reportes").slideUp('swing');
	                                        $("#papers").slideUp('swing');
	                                        $("#revistas").fadeIn('slow');
	     									$("#revistas").tabs();
	                                      }
	                                      else if (element.val() == "Conferencias")
	                                      {
	                                        $("#libros").slideUp('swing');
	                                        $("#revistas").slideUp('swing');
											$("#tesis").slideUp('swing');
											$("#reportes").slideUp('swing');
											$("#papers").slideUp('swing');
	                                        $("#conferencias").fadeIn('slow');
	     									$("#conferencias").tabs();
	                                      }
	                                      else if (element.val() == "Libros")
	                                      {
	                                        $("#revistas").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#tesis").slideUp('swing');
	                                        $("#reportes").slideUp('swing');
	                                        $("#papers").slideUp('swing');
	                                        $("#libros").fadeIn('slow');
	     									$("#libros").tabs();
	                                      }
	                                      else if (element.val() == "Papers")
	                                      {
	                                        $("#revistas").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#tesis").slideUp('swing');
	                                        $("#reportes").slideUp('swing');
	                                        $("#libros").slideUp('swing');
	                                        $("#papers").fadeIn('slow');
	     									$("#papers").tabs();
	                                      }
	                                      else if (element.val() == "Reportes")
	                                      {
	                                        $("#libros").slideUp('swing');
	                                        $("#revistas").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#tesis").slideUp('swing');
	                                        $("#papers").slideUp('swing');
	                                        $("#reportes").fadeIn('slow');   
	     									$("#reportes").tabs(); 
	                                      }
	                                      else if (element.val() == "Tesis")
	                                      {
	                                        $("#libros").slideUp('swing');
	                                        $("#revistas").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#reportes").slideUp('swing');
	                                        $("#papers").slideUp('swing');
	                                        $("#tesis").fadeIn('slow');  
	     									$("#tesis").tabs();    
	                                      }
	                                      else if (element.val() == "Ninguno")
	                                      {
	                                        $("#libros").slideUp('swing');
	                                        $("#revistas").slideUp('swing');
	                                        $("#conferencias").slideUp('swing');
	                                        $("#tesis").slideUp('swing');
	                                        $("#reportes").slideUp('swing');  
	                                      }
	                                    }
	                          });
	                          
		function validar_form_crear(formulario){
			if (formulario.tipo.value == "interno"){
				if (!formulario.autor_interno.value){
					alert("Debe seleccionar un autor interno");
					return false;
				}
			}else if (formulario.tipo.value == "externo"){
				if (!formulario.autor_externo.value){
					alert("Debe completar el campo autor externo");
					return false;
				}
			}
			if (!formulario.pos.value){
				alert("Debe definir una posición para el autor");
				return false;
			}else if (isNaN(formulario.pos.value)){
				alert("La posición del autor debe ser un número");
				return false;
			}
			return true;
		}

		function crearAutor() {
			$.post(
				"{% ifequal operation 'edit' %} {% url comunidadcyt.Publicaciones.views.crearAutores type obj_id %} {% endifequal %}",
				$("#form_crear_autores").serialize(),
                function (response){
                	// limpio el formulario
                	//document.getElementById("id_autor_externo").value="";
                	//document.getElementById("id_autor_interno").selectedIndex=0;
                	//document.getElementById("id_pos").value="";
			    	// agrego la opcion de eliminar el autor agregado

                    //var opt = new Option(response.pos + "- " + response.autor, response.value);
                    //$(opt).html(response.pos + "- " + response.autor);
                    //$("#id_cargados").addItem(opt);
                    window.location.reload();
                },
				"json"
   			);
		}
		
		function borrarAutor() {
			$.post(
				"{% ifequal operation 'edit' %} {% url comunidadcyt.Publicaciones.views.borrarAutores type obj_id %} {% endifequal %}",
				$("#form_borrar_autores").serialize(),
                function (response){
                	//$("#id_cargados > option[value="+parseInt(response.value)+"]").remove();
                    window.location.reload();
                },
				"json"
   			);
		}
		
	</script> 
{% endblock %}